<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体的其他样式</title>
    <style>
            /*在css中没有直接提供行间距的方式*/
            /*我们只能设置行高来间接的设置行间距，行高越大行间距越大*/
            /*使用我们的line-height来设置行高*/
            /*在font中可以加一个行高 font: 30px/50px "微软雅黑";*/
    .p1{
        font: 30px/50px "微软雅黑";
    }


            /*text-align用于设置文本的对其方式*/
            /*    left 默认值 左对齐*/
            /*    righr 右对其*/
            /*    center 居中*/
            /*    justify 两端对其，通过调整文本之间的空格，调整*/


            /*text-indent 设置首行的缩进*/
            /*一般使用em作为单位*/
        .p2{
            font-size: 20px;
            text-indent: 2em;
        }



        /*text-transform可以用来设置文本的大小写*/
        /*    capitalize 单词首字母大写，通过空格识别*/
        /*    uppercase 所有字母都大写*/
        /*    lowercase 所有字母都小写*/
    .p1{
            text-transform: capitalize;
        }



        /*text-decoration可以用来修饰文本*/
        /*    none: 默认值，没有*/
        /*    underline 为文本添加下划线*/
        /*    overline 为文本添加上划线*/
        /*    line-through 为文本添加上划线*/
    .p1{
            text-decoration: line-through;
        }


        /*letter-spacing 设置字符的间距*/
        /*    word-spacing 设置词语次之间的关系，就是空格的大小*/
    .p1{
        letter-spacing: 10px;
        word-spacing: 100px;
    }






    </style>
</head>
<body>
<p class="p2">
    al; fjioaghfioas ghf ioafgio ashio[ahgaio [ghio[ahgaiohioafghioa hfgiopadfghioasedghweaopgjaseogjsdlo;g
    adghioadhgioa hglhad ighioadhgioadhgiohaedioghidashioghadioghpadoghiopadgaed啊大哥两家都看过hi哦啊的后果i
    是的各色 感觉欧朋商务就而送给惊悚片大家公平饿哦票房冠军欧帕塞机构帕塞价格偶尔发个建瓯配色大家分工配色价格欧派结构平静而发
    而非攻击啊饿哦评价共嗯偶尔廉洁奉公而平均放狗屁
    阿瑟反攻帕塞防攻击o'p

</p>
<p class="p1">
    al; fjioaghfioas ghf ioafgio ashio[ahgaio [ghio[ahgaiohioafghioa hfgiopadfghioasedghweaopgjaseogjsdlo;g
    adghioadhgioa hglhad ighioadhgioadhgiohaedioghidashioghadioghpadoghiopadgaed啊大哥两家都看过hi哦啊的后果i
    是的各色 感觉欧朋商务就而送给惊悚片大家公平饿哦票房冠军欧帕塞机构帕塞价格偶尔发个建瓯配色大家分工配色价格欧派结构平静而发
    而非攻击啊饿哦评价共嗯偶尔廉洁奉公而平均放狗屁
    阿瑟反攻帕塞防攻击o'p

</p>

</body>
</html>